.intro {
  max-width: 720px;
  margin: 92px 0 0 148px;
  padding: 0;
  color: #ffffff;
   }

@media screen and (max-width: 425px) {
  .intro {
    width: 90%;
    margin: 64px auto 0;
  }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
  .intro {
    width: 90%;
    margin: 64px auto 0;
    
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .intro {
    width: 100%;
    margin: 88px auto 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .intro {
    max-width: 690px;
    margin-top: 92px;
    margin-left: 48px;
  }
}
